<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页技术介绍</title>
</head>
<body>
<style>
    body {
        background:url("../img/黑色背景.jpg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
        background-size:cover;  /* 让背景图基于容器大小伸缩 */
        background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    //此条属性必须设置否则可能无效/
        background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
    }
</style>
    <center>
        <a href="page1.html" target="_self">
            <img src="../img/HTML.jpg" width="320" height="360" alt="HTML">
        </a>
        <a href="page2.html" target="_self">
            <img src="../img/CSS.jpg" width="320" height="360" alt="CSS">
        </a>
    </center>
</body>
</html>